<template>
	<view class="tip flex  a-c">
		<div class="left-line"></div>
		<view class="flex j-s a-c flex1">
			<view class="bold c-0"><slot></slot></view>
			<navigator v-if="showRight" :url="url" class="c-0 font24 flex a-c">
				<view class="padh10 bold">More</view>
				<u-icon name="arrow-right" class="bold font28"></u-icon>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			url: {
				type: String,
				default: ''
			},
			showRight: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style lang="scss">
	.tip {
		.left-line {
			border-radius: 5rpx;
			height: 48rpx;
			width: 8rpx;
			margin-right: 10rpx;
			background: $main-color;
		}
	}
</style>
